<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
			html{
			height: 100%;
			
		}
		body{height: 100%;
		border: 1px solid;
		background-image: url(../img/11319582620734faf9o.jpg);
		background-repeat:no-repeat;
		background-position: right top;
		}
		div{
			height: 500px;
			background-color: rgba(25,34,54,0.8);
			
		}
			a:hover {
				color: red;
			}
			
			li {
				width: 260px;
				height: 50px;
				/*background-color: #6E6568;*/
				line-height: 30px;
			}
			
			li:hover {
				background-color: #999395;
			}
			/*ID选择器*/
			#id2 {
				/*float: left;
				margin: 5px;
				padding: 15px;
				width: 260px;
				height: 50px;*/
				border: 1px solid black;
			}
			/*类选择器*/
			.div7{
				background-colorcolor: blue;}
				a {
				text-decoration: none;
			}
			
			a:hover {
				text-decoration: underline;
			}
			img{
				width: 100%;
				cursor: pointer;
				
			}
			li{
				list-style-image:url(../img/eg_w3school.gif) ;
			}
			table{
				width: 100px;
				border-top:1px solid;
				border-left:1px solid ;
			}
			td,th{
				border-bottom:1px solid;
				border-right:1px solid ;
			}
				
		</style>
	</head>

	<body>
		<div id=id2  class=div7><!--id优先于class-->
			<ul type="none" >
				<li>
					<a href="#">超链接</a>
				</li>
				<li>
					<a href="#">超链接</a>
				</li>
				<li>
					<a href="#">超链接</a>
				</li>

			</ul>
		</div>
         <div >
			<table cellpadding="0" cellspacing="0">
				<tr>
				<th>ha</th>
				<th>da</th>
				<th>sd</th>
				</tr>
				<tr>
					<td>as</td>
					<td>fd</td>
					<td>xv</td>
					
					
				</tr>
				
			</table>

			
		</div>
	</body>

</html>